<template>
	<view>
		<cu-custom title="购买"></cu-custom>
		<view class="margin-sm padding bg-white radius">
			<view class="flex align-center">
				<u--image :showLoading="true" radius="10rpx"
					:src="`https://cdn.uviewui.com/uview/album/${6}.jpg`" width="160rpx" height="160rpx">
				</u--image>
				<view class="flex flex-sub margin-left-sm flex-direction" style="height: 160rpx;">
					<view class="text-cut text-lg text-bold" style="flex: auto">
						钢琴大师在线教导训练营
					</view>
			
					<view class="text-red text-lg text-bold text-right flex-shrink">
						￥80
					</view>
				</view>
			</view>
		</view>
		
		<view class="text-lg text-bold padding">
			主题课程
		</view>
		<view class="margin-lr-sm bg-white radius">
			<u-cell-group>
				<u-cell title="学期时间" value="上半学期"></u-cell>
				<u-cell title="上课时间" value="周一、周三、周五10:00-12:00"></u-cell>
				<u-cell title="课时" value="30课时"></u-cell>
				<u-cell title="添加小孩" value="王五" isLink></u-cell>
			</u-cell-group>
		</view>
		
		<u-gap height="160rpx" bgColor="#f4f4f4"></u-gap>
		
		<view class="flex justify-end btn-bottom padding-lr padding-tb-sm bg-white">
			<view class="flex align-center">
				<view>
					<text class="text-lg">实付款：</text>
					<text class="text-xxl text-red text-bold">￥80.00</text>
				</view>
				<view class="flex" style="width: 260rpx">
					<u-button @tap="$routerGo('/pages/mechanism/purchase')" class="margin-left" color="#ea3457" type="primary" size="large" shape="circle" text="立即报名">
					</u-button>
				</view>
			</view>
		</view>
		<u-no-network></u-no-network>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		
		onLoad(e){
			console.log(e);
		},
		
		onShow() {

		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	
</style>
